<div ms-controller="cardDetailInfo" class="card-detail">
  <div class="card-detail-header">
    <div>
      <button class="btn btn-primary btn-default" ms-click="@closeLayer">退出</button>
      <div class="clear"></div>
    </div>
  </div>
  <div>
    <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active" ms-class="[(@activeIndex===1?'active':'')]" ms-click="@switchCard(1)">
        <a href="javascript:;" role="tab" data-toggle="tab">基本信息</a>
      </li>
      <li role="presentation" ms-class="[(@activeIndex===2?'active':'')]" ms-click="@switchCard(2)">
        <a href="javascript:;" role="tab" data-toggle="tab">附加信息</a>
      </li>
      <li role="presentation" ms-class="[(@activeIndex===3?'active':'')]" ms-click="@switchCard(3)">
        <a href="javascript:;" role="tab" data-toggle="tab">预交款信息</a>
      </li>
      <li role="presentation" ms-class="[(@activeIndex===4?'active':'')]" ms-click="@switchCard(4)">
        <a href="javascript:;" role="tab" data-toggle="tab">增值信息</a>
      </li>
    </ul>

    <div class="tab-content">
      <!-- 基本信息 -->
      <div id="basicInfo" ms-visible="1 == @activeIndex">
        <div class="basic-info-content">
          <div class="basicInfo-title">
            <span>物品信息：</span>
          </div>
          <div class="content-left">
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="rmb-price">物品总价</label>
                <input type="text" class="form-control" id="rmb-price" readonly ms-duplex="@CardBasic.RmbPrice">
              </div>
              <div class="form-group">
                <label for="BarCode">条形码</label>
                <input type="text" class="form-control" id="BarCode" readonly ms-duplex="@CardBasic.BarCode">
              </div>
              <div class="form-group">
                <label for="IsFree">是否赠送</label>
                <input type="checkbox" name="IsFree" id="IsFree" readonly ms-duplex-checked="@CardBasic.IsFree">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="CardNumber">卡片号</label>
                <input type="text" class="form-control" id="CardNumber" readonly ms-duplex="@CardBasic.CardNumber">
              </div>
              <div class="form-group">
                <label for="GoodsCode">物品代码</label>
                <input type="text" class="form-control" id="GoodsCode" readonly ms-duplex="@CardBasic.GoodsCode">
              </div>
              <div class="form-group">
                <label for="GoodsName">物品名称</label>
                <input type="text" class="form-control" id="GoodsName" readonly ms-duplex="@CardBasic.GoodsName">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="AgentName">开票单位</label>
                <input type="text" class="form-control" id="AgentName" readonly ms-duplex="@CardBasic.AgentName">
              </div>
              <div class="form-group">
                <label for="RmbPrice">价格</label>
                <input type="text" class="form-control" id="RmbPrice" readonly ms-duplex="@CardBasic.RmbPrice">
              </div>
              <div class="form-group">
                <label for="ProgramCode">程序代码</label>
                <input type="text" class="form-control" id="ProgramCode" readonly ms-duplex="@CardBasic.ProgramCode">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="GoodsSpec">型号</label>
                <input type="text" class="form-control" id="GoodsSpec" readonly ms-duplex="@CardBasic.GoodsSpec">
              </div>
              <div class="form-group">
                <label for="DrawTime">领用日期</label>
                <input type="text" class="form-control" id="DrawTime" readonly ms-duplex="@CardBasic.DrawTime">
              </div>
              <div class="form-group">
                <label for="ArriveTime">到货日期</label>
                <input type="text" class="form-control" id="ArriveTime" readonly ms-duplex="@CardBasic.ArriveTime">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="DrawDeptAccountName">领用科室</label>
                <input type="text" class="form-control" id="DrawDeptAccountName" readonly
                       ms-duplex="@CardBasic.DrawDeptAccountName">
              </div>
              <div class="form-group">
                <label for="GoodsStatusStr">货物状态</label>
                <input type="text" class="form-control" id="GoodsStatusStr" readonly
                       ms-duplex="@CardBasic.GoodsStatusStr">
              </div>
              <div class="form-group">
                <label for="DiscardDate">报废日期</label>
                <input type="text" class="form-control" id="DiscardDate" readonly ms-duplex="@CardBasic.DiscardDate">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="InstrumentCode">仪器编码</label>
                <input type="text" class="form-control" id="InstrumentCode" readonly
                       ms-duplex="@CardBasic.InstrumentCode">
              </div>
              <div class="form-group">
                <label for="PurchaseTime">购置日期</label>
                <input type="text" class="form-control" id="PurchaseTime" readonly ms-duplex="@CardBasic.PurchaseTime">
              </div>
              <div class="form-group">
                <label for="ContractNumber">合同号</label>
                <input type="text" class="form-control" id="ContractNumber" readonly
                       ms-duplex="@CardBasic.ContractNumber">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="MachineNumber">机身号</label>
                <input type="text" class="form-control" id="MachineNumber" readonly
                       ms-duplex="@CardBasic.MachineNumber">
              </div>
              <div class="form-group">
                <label for="InvoiceNumber">发票号</label>
                <input type="text" class="form-control" id="InvoiceNumber" readonly
                       ms-duplex="@CardBasic.InvoiceNumber">
              </div>
              <div class="form-group">
                <label for="EyID">二医大号</label>
                <input type="text" class="form-control" id="EyID" readonly ms-duplex="@CardBasic.EyID">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="FreeTaxNumber">免税号</label>
                <input type="text" class="form-control" id="FreeTaxNumber" readonly
                       ms-duplex="@CardBasic.FreeTaxNumber">
              </div>
              <div class="form-group">
                <label for="BidNumber">招标编号</label>
                <input type="text" class="form-control" id="BidNumber" readonly ms-duplex="@CardBasic.BidNumber">
              </div>
              <div class="form-group">
                <label for="ArchiveNumber">档案号</label>
                <input type="text" class="form-control" id="ArchiveNumber" readonly
                       ms-duplex="@CardBasic.ArchiveNumber">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="TotalTax">加税费</label>
                <input type="text" class="form-control" id="TotalTax" readonly ms-duplex="@CardBasic.TotalTax">
              </div>
              <div class="form-group">
                <label for="ForeignCurrencyPrice">外币价格</label>
                <input type="text" class="form-control" id="ForeignCurrencyPrice" readonly
                       ms-duplex="@CardBasic.ForeignCurrencyPrice">
              </div>
              <div class="form-group">
                <label for="CurrencyName">币种</label>
                <input type="text" class="form-control" id="CurrencyName" readonly ms-duplex="@CardBasic.CurrencyName">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="CountryName">国家</label>
                <input type="text" class="form-control" id="CountryName" readonly ms-duplex="@CardBasic.CountryName">
              </div>
              <div class="form-group">
                <label for="SupplierName">供应商</label>
                <input type="text" class="form-control" id="SupplierName" readonly ms-duplex="@CardBasic.SupplierName">
              </div>
              <div class="form-group has-checkbox">
                <label><input type="checkbox" name="IsFreeTax"
                              readonly ms-duplex-checked="@CardBasic.IsFreeTax">免税</label>
                <label><input type="checkbox" name="IsCardsNullified"
                              readonly ms-duplex-checked="@CardBasic.IsCardsNullified">作废</label>
                <label><input type="checkbox" name="IsJudge" readonly
                              ms-duplex-checked="@CardBasic.IsJudge">审判标志</label>
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="BugetSourceName">经费来源</label>
                <input type="text" class="form-control" id="BugetSourceName" readonly
                       ms-duplex="@CardBasic.BugetSourceName">
              </div>
              <div class="form-group">
                <label for="ManufacturerName">生产厂商</label>
                <input type="text" class="form-control" id="ManufacturerName" readonly
                       ms-duplex="@CardBasic.ManufacturerName">
              </div>
              <div class="form-group">
                <label for="KeepUserName">保管人</label>
                <input type="text" class="form-control" id="KeepUserName" readonly ms-duplex="@CardBasic.KeepUserName">
              </div>
            </div>
            <div class="content-left-wrap remarks">
              <div class="form-group">
                <label for="Comment">备注</label>
                <input type="text" class="form-control" id="Comment" readonly ms-duplex="@CardBasic.Comment">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="FloorName">楼层</label>
                <input type="text" class="form-control" id="FloorName" readonly ms-duplex="@CardBasic.FloorName">
              </div>
              <div class="form-group">
                <label for="UsePlace">使用地点</label>
                <input type="text" class="form-control" id="UsePlace" readonly ms-duplex="@CardBasic.UsePlace">
              </div>
              <div class="form-group has-checkbox">
                <label for="IsRadiate">是否放射</label>
                <input type="checkbox" name="IsRadiate" id="IsRadiate" readonly
                       ms-duplex-checked="@CardBasic.IsRadiate">
              </div>
            </div>
            <div class="content-left-wrap">
              <div class="form-group">
                <label for="Skbh">申康编号</label>
                <input type="text" class="form-control" id="Skbh" readonly ms-duplex="@CardBasic.Skbh">
              </div>
              <div class="form-group">
                <label for="Bgsj">报关时间</label>
                <input type="text" class="form-control" id="Bgsj" readonly ms-duplex="@CardBasic.Bgsj">
              </div>
              <div class="form-group has-checkbox">
                <label for="isDbStatus">是否待报废</label>
                <input type="checkbox" name="isDbStatus" id="isDbStatus"
                       ms-attr="{disabled:@CardBasic.GoodsStatusStr === '报废'}" ms-duplex-checked="@isDbStatus">
              </div>
            </div>
          </div>
          <div class="content-right">
            <div class="card-img">
              <!--<img alt="" ms-if="@CardBasic.Picture" ms-attr="{src:'/pic/'+@CardBasic.Picture}" style="width:100%;height: 100%">-->
              <div ms-visible="@imgList.length > 0" id="carousel-example-generic" class="carousel slide"
                   data-ride="carousel" style="width: 100%;height: 100%;overflow: hidden;">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li ms-for="($index,el) in @imgList" data-target="#carousel-example-generic"
                      ms-attr="{'data-slide-to':$index}" ms-class="[($index===0?'active':'')]"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div ms-for="($index,el) in @imgList" class="item" ms-class="['item',($index===0?'active':'')]">
                    <img ms-attr="{src:el}" alt="">
                  </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
            </div>
            <div class="form-group">
              <label for="WaitDisCardTime">申请报废时间</label>
              <input type="text" class="form-control" id="WaitDisCardTime" readonly
                     ms-duplex="@CardBasic.WaitDisCardTime">
            </div>
            <div class="form-group">
              <label for="FinishDisCardTime">完成报废时间</label>
              <input type="text" class="form-control" id="FinishDisCardTime" readonly
                     ms-duplex="@CardBasic.FinishDisCardTime">
            </div>
          </div>
        </div>
        <div class="basic-table-content">
          <div class="basicInfo-title">
            <span>附加信息：</span>
          </div>
          <div class="table-container">
            <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[0],header:@basicInfoTableHeader,row:@basicInfoTableRow,data:@basicInfoTableData,height:'200',showClickClass:true,elementID:'basicInfo'}"></xmp>
          </div>
        </div>
      </div>
      <!-- 附加信息 -->
      <div id="additionInfo" ms-visible="2 == @activeIndex">
        <div class="table-top">
          <div class="basicInfo-title">
            <span>转移信息：</span>
          </div>
          <div class="table-container">
            <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[1],header:@drawInfoTableHeader,row:@drawInfoTableRow,data:@drawInfoTableData,height:@additionInfoHeight,showClickClass:true,elementID:'additionInfo_table_1'}"></xmp>
          </div>
        </div>
        <div class="table-bottom">
          <div class="left">
            <div class="basicInfo-title">
              <span>维修信息：</span>
            </div>
            <div class="table-container">
              <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[2],header:@serviceInfoTableHeader,row:@serviceInfoTableRow,data:@serviceInfoTableData,height:@additionInfoHeight,showClickClass:true,elementID:'additionInfo_table_2'}"></xmp>
            </div>
          </div>
          <div class="right">
            <div class="basicInfo-title">
              <span>报废信息：</span>
            </div>
            <div class="table-container">
              <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[3],header:@discardInfoTableHeader,row:@discardInfoTableRow,data:@discardInfoTableData,height:@additionInfoHeight,showClickClass:true,elementID:'additionInfo_table_3'}"></xmp>
            </div>
          </div>
        </div>
      </div>
      <!-- 预交款信息 -->
      <div id="prePayInfo" ms-visible="3 == @activeIndex">
        <div class="tab-container">
          <div class="overview-info">
            <div class="warp">
              <span>物品总价格：<span class="total-price">{{@CardBasic.RmbPrice}}</span></span>
            </div>
            <div class="warp">
              <span>还需支付价格：<span class="need-price">{{@CardBasic.RmbPrice}}</span></span>
            </div>
          </div>
          <div class="table-container">
            <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[4],header:@prePayInfoTableHeader,row:@prePayInfoTableRow,data:@prePayInfoTableData,height:@payInfoHeight,showClickClass:true,elementID:'pay_info'}"></xmp>
          </div>
        </div>
      </div>
      <!-- 增值信息 -->
      <div id="addedValueInfo" ms-visible="4 == @activeIndex">
        <div class="table-container">
          <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[5],header:@incrementsInfoTableHeader,row:@incrementsInfoTableRow,data:@incrementsInfoTableData,height:@addedValueHeight,showClickClass:true,elementID:'added_value_info'}"></xmp>
        </div>
      </div>
    </div>
  </div>
</div>